<!--
 * @Author: zi.yang
 * @Date: 2021-10-03 00:29:38
 * @LastEditors: zi.yang
 * @LastEditTime: 2021-10-03 01:06:55
 * @Description: In User Settings Edit
 * @FilePath: \ziYangPM\src\ErrorPage.vue
-->
<template>
  <div class="container-fluid p-0">
    <div class="row no-gutters">
      <div class="col-sm-12 text-center">
        <div class="iq-error">
          <img :src="image404" class="img-fluid iq-error-img" alt="404" />
          <h2 class="mb-0">Oops! This Page is Not Found.</h2>
          <p>The requested page dose not exist.</p>
          <button @click="$router.push('/home-1')" class="btn btn-primary mt-3">
            <i class="ri-home-4-line"></i>回到首页
          </button>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'ErrorPage',
  data () {
    return {
      image404: require('@/assets/images/error/error-01.png')
    }
  }
}
</script>

<style>
  @import url("~@/assets/css/custom.css");
</style>
